<template>
  <div class="Component">
    <p class="c-bodey">
      <span class="c-span"></span> 数据样例
      <span class="c-spanr">
        <img src="../../../img/Color Overlay.png" alt="" />
      </span>
    </p>

    <el-table
      :cell-style="{ 'text-align': 'center' }"
      :header-cell-style="{
        background: '#C4DCFE',
        color: '#606266',
        'text-align': 'center',
      }"
      :data="tableData"
      border
      style="width: 100%"
    >
      <el-table-column fixed prop="credit" label="统一社会信用代码" width="154">
      </el-table-column>
      <el-table-column prop="name" label="企业名称" width="213">
      </el-table-column>
      <el-table-column prop="address" label="企业地址" width="192">
      </el-table-column>
      <el-table-column prop="type" label="经济类型" width="72">
      </el-table-column>
      <el-table-column prop="enterprise" label="企业类型" width="72">
      </el-table-column>
      <el-table-column prop="representative" label="法定代表人" width="92">
      </el-table-column>
      <el-table-column
        fixed="right"
        prop="industry"
        label="所属行业"
        width="72"
      >
      </el-table-column>
      <el-table-column
        fixed="right"
        prop="total"
        label="从业人员总数"
        width="97"
      >
      </el-table-column>
      <el-table-column fixed="right" prop="code" label="许可证编码" width="97">
      </el-table-column>
      <el-table-column
        fixed="right"
        prop="registered"
        label="注册地址"
        width="97"
      >
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  methods: {
    handleClick(row) {
      console.log(row);
    },
  },

  data() {
    return {
      tableData: [
        {
          credit: "343444324dSF44",
          name: "苹果股份有限公司",
          address: "武汉市高新大道777号",
          type: "国有经济",
          enterprise: "国有企业",
          representative: "张三丰",
          industry: "交通",
          total: "1008",
          code: "urioweuoiu",
          registered: "山东省济南市",
        },
        {
          credit: "343444324dSF44",
          name: "苹果股份有限公司",
          address: "武汉市高新大道777号",
          type: "国有经济",
          enterprise: "国有企业",
          representative: "张三丰",
          industry: "交通",
          total: "1008",
          code: "urioweuoiu",
          registered: "山东省济南市",
        },
        {
          credit: "343444324dSF44",
          name: "苹果股份有限公司",
          address: "武汉市高新大道777号",
          type: "国有经济",
          enterprise: "国有企业",
          representative: "张三丰",
          industry: "交通",
          total: "1008",
          code: "urioweuoiu",
          registered: "山东省济南市",
        },
      ],
    };
  },
};
</script>

<style scoped>
.Component {
  padding: 20px;
  background-color: #fff;
}
.c-bodey {
  margin: 14px 0 15px 0;
  font-size: 18px;
  font-weight: 700;
}
.c-span {
  display: inline-block;
  width: 5px;
  line-height: 20px;
  height: 15px;
  margin-right: 8px;
  border-radius: 3px;
  /* color: #000000 ; */
  background: #3272ef;
}
.c-spanr {
  width: 88%;
  margin-left: 10px;
}
.c-spanr > img {
  display: inline-block;
  border: 1px dashed rgb(218, 212, 212);
  width: 90%;
  float: right;
  margin-top: 12px;
}
</style>
